import React from 'react';
import { Box } from '@material-ui/core';
import { makeStyles } from '@material-ui/styles';

const getStyles = makeStyles({
  root: {
    borderRadius: '5px',
    // boxShadow: 'rgb(90 114 123 / 11%) 0px 7px 30px 0px',
  },
});

export const VenderBox: React.FC = (props) => {
  const { ...rest } = props;
  const classes = getStyles();

  return (
    <Box
      className={classes.root}
      {...rest}
      sx={{
        borderRaidus: '5px',
        boxShadow: 1,
        backgroundColor: 'common.white',
      }}
    >
      {props.children}
    </Box>
  );
};
